<template>
	<view>
		<view style="background: url(https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20230411/e63bcf73858e37c567847ca55821ddfa.png) no-repeat;background-size: 100%;width: 100%;height: 414rpx;">
			
		</view>
		<view v-if="list.length>0" style="width: 92%;position: absolute;top:10rpx;left: 4%;padding-bottom: 30rpx;">
			<view style="width: 100%;box-sizing: border-box;padding: 30rpx;background-color: #FFFFFF;border-radius: 10rpx;">
				<view style="line-height: 80rpx;color: #000000;font-size: 36rpx;width: 90%;margin: 0 auto;">
					帮助中心
				</view>
				<view @click="wen(item.id)" v-for="(item,index) in list" :key='index' style="line-height: 100rpx;box-sizing: border-box;padding-right: 50rpx;color: #333333;font-size: 28rpx;position: relative;border-bottom: 1px solid #eeeeee;width: 92%;margin: 0 auto;" class="yihang">
					{{item.title}}<text style="position: absolute;top: 50%;right: 0;transform: translateY(-50%);color: #cccccc;" class="iconfont icon-xiangyou"></text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				list:[]
			}
		},
		onLoad() {
			this.bzzx()
		},
		methods:{
			wen:function(id){
				uni.navigateTo({
					url:'bzzxxq?id='+id+'&index='+2
				})
			},
			bzzx:function(){
				this.post('api/index/help','',true).then(res=>{
					console.log(res)
					if(res.code==1){
						this.list=res.data
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #F8F8F8!important;
		font-family: Demibold;
	}
</style>
